
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人主页 - EOS链</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="/css/weui.min.css">
    <link rel="stylesheet" href="/css/jquery-weui.min.css">

    <style>

        body{
           /*  background-image: linear-gradient(to bottom,#14EBE8,#23E1B9);
            background-position: top;
            background-repeat: repeat-x,no-repeat;
           background-image: url(\static\src\page_back.png);*/
        }

        .back{
            width: 100%;
            height: 100%;
            border : 0;

        }

        .logo{
            padding-bottom: 0px;
            height:66px;
            margin: 0 auto;
            text-align: center;
        }
        .logo img{
            margin-top: 0px;
            height:35px;
        }

        .weui-cells{
            margin-top:0;
            border-radius: 15px 15px 15px 15px;
            width:90%;
            margin: 0 auto;
        }
        .weui-cells p{
            text-align: center;
            color:#858585;
            margin-bottom: 10px;
        }
        .weui-cells p a{
            text-align: center;
            color:#858585;
            margin-bottom: 10px;
        }
        .weui-cell{
            position:static;
        }
        .weui-label{
            width:80px;
        }
        .weui-btn_primary{
            width:80%;
            border-radius:20px 20px 20px 20px;
            background-image: linear-gradient(to bottom right,#21E5C3,#21E5C3);

        }

        .line{
            width: 95%;
            height: 2px;
            background-image: linear-gradient(to bottom right,#F5F4F7,#F5F4F7);
            margin: 0 auto;
            margin-top:10px;
            margin-bottom:10px;
        }
        .weui-footer{
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
        }
        .panle{
            float: left;
            width: 40%;
            background-image: linear-gradient(to bottom right,#F568F9,#7C7EFE);
            border-radius:10px 10px 10px 10px;
            color: #fff;
            margin-left: 15px;
            padding-top: 10px;

        }
        .panle2{
            float: right;
            width: 40%;
            background-image: linear-gradient(to bottom right,#FFA57B,#FC5F70);
            border-radius:10px 10px 10px 10px;
            color: #fff;
            margin-right: 15px;
            padding-top: 10px;
        }
        .panle2 p{
            color: #fff;
        }
        .panle p{
            color: #fff;
        }
        .coin{
            width: 95%;
            border-radius:10px 10px 10px 10px;

            margin: 0 auto;
            text-align: left;
            height: 50px;
        }
        .coin p{
            padding-top: 10px;
            line-height: 30px;
            margin-bottom: 0px;
        }
        .url{
            border: 0;
            width: 84.5%;
            margin: 0 auto;
            font-size: 100%;
        }
        .copy{
            border:1px solid;
            border-color: #FDF0F2;
        }
        .logo p{
            margin-top: 5px;
            font-size: 12px;
            line-height: 10px;
        }
        .lable_num_t{
            color:#FFB746;
            font-size: 13px;
            width: 100%;
            text-align: center;
        }
        .lable_num{
            color:#FFB746;
            font-size: 28px;
            width: 100%;
            text-align: center;
            padding-bottom: 5px;
        }

        .runNum{
            margin: 0 auto;
            padding: 0;
            overflow: hidden;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
            position: relative;
            margin: 0 auto;
        }
        .runNum>li{
            list-style: none;
            width: 20px;
            position: absolute;
            margin: 0 auto;
        }
        .weui-cells_b{
            margin-top:20px;
            height:10px;
            border-radius: 0px 0px 15px 15px;
            width:84%;
            margin: 0 auto;
            opacity:0.8;
            background-color: #D1FBFA;
        }
        .lable_icon{
            float: left;
            padding-left: 15px;
            padding-top:10px;
        }
        .lable{
            padding-top: 10px;
            width:100%;
            text-align: left;
            font-size: 23px;
            line-height: 40px;
        }
        .label_more{
            float: right;
            margin-top : -8px;
            padding-right:18px;
        }
        .weui-vcode-btn{
            margin-top: 0px;
            border:0.5px solid;
            border-radius:20px 20px 20px 20px;
            line-height: 23px;
            font-size: 13px;
            height : 23px;
            margin-right: 30px;
            color: #fff;
            background-color: #21E5C2;
        }
        input{
            margin: 0 auto;
            width: 80%;
        }
        .body_bg{
            width: 100%;
            background-image: url(/img/page_back.png);
            background-size: 100% 100%;
            position: fixed;
            height:100%;
            bottom: 0;
            z-index:-1;
        }
        .abtn{
            animation:myfirst 5s;/*动画捆绑，两个值，动画名称、时长*/
            animation-iteration-count:infinite;
        }
        @keyframes myfirst
        {
            0% {
            background-color:#FFA57B;}
        /*动画开始样式*/
            25% {background:#FC5F70;}
            50% {background:#FFA57B;}
            75% {background:#FC5F70;}
            100% {background:#FFA57B;}/*动画结束样式*/
        }
        @keyframes myfirst2
        {
            0%   {background: #e6cce9;}
            25%  {background: #e6d7e9;}
            50%  {background: #f1e6f1;}
            75%  {background: #e6d7e9;}
            100% {background: #e6cce9;}/*动画结束样式*/
        }
      .weui-cell:before{
       border : 0;
        content:"";
        position:static;
      }
       .weui-cells_form:before{
       border : 0;
        content:"";
        position:static;
      }
      .weui-cells:after{
        border : 0;
         position:static;
      }


    </style>
</head>
<body>
<div id="back" class="back">

       <p style="height:20px"></p>
    <div class="weui-cells weui-cells_form">
        <div class="lable">
            <div class="logo">
            <img class="logo" src="/img/logo121.png"/>
            <p style="margin-top:-0.5px;letter-spacing:2px;margin-bottom:0">EOS链糖果token 完全免费分发</p>
        </div>
        </div>
        <div class="lable_num_t">糖果剩余总量</div>
        <div class="lable_num">
            <ul class="runNum" id="test"></ul>


            </div>
    </div>
    <div class="weui-cells_b">

    </div>
    <p style="height:20px"></p>
    <div class="weui-cells weui-cells_form">
        <div class="lable_icon"><img width="33px" src="/img/user.png"></div>
        <div class="lable" style="color: #6a6a6a;font-size: 18px;line-height: 33px;">&nbsp;我的糖果<div class="label_more"><img width="27px" src="/img/more.png"></div></div>

        <p style="height: 5px"></p>
        <div class="panle">
            <p style="font-size: 17.5px;margin-bottom:3px;margin-top:2px;font-weight:bold;letter-spacing:1.5px;" th:text="${userAccount.balance}"></p>
            <p style="font-size: 17px;margin-bottom:15px">糖果资产</p>
            <img style="    float: right;margin-top: -51px;opacity: 0.3;" width="45px" src="/img/back.png"/>
        </div>
        <div class="panle2">
            <p style="font-size: 17.5px;margin-bottom:3px;margin-top:2px;font-weight:bold;letter-spacing:1.5px;" th:text="${invitedCount}"></p>
            <p style="font-size: 17px;margin-bottom:15px">邀请人数</p>
        </div>
        <br><br><br><p style="height: 15px"></p>

        <div class="coin">
            <p style="text-align: left;padding-bottom: 3px"> &nbsp;&nbsp;&nbsp;邀请链接：
                <!-- <button onclick="copy()" data-clipboard-text="〖EOL糖果领取〗EOS的小儿子EOS链(EOL)，注册即送5000个，邀请好友送2000个！已上线钱包转账功能，支持转账。项目已经开发完成，近期快照。
                                                              注册领取：
http://eoslian.cn/?_i=MTIwNzE0Mw
（活动截止六月底，抢到就是赚到）
" data-clipboard-action="copy"    class="copy weui-vcode-btn">一键复制</button> -->
	<button onclick="copy()" th:data-clipboard-text="〖EOL糖果领取〗EOS的小儿子EOS链(EOL)，注册即送5000个，邀请好友送2000个！已上线钱包转账功能，支持转账。项目已经开发完成，近期快照。
	                                                              注册领取：
	http://t1.qincai.info/?i=${userId}
	（活动截止六月底，抢到就是赚到）
	" data-clipboard-action="copy"    class="copy weui-vcode-btn">一键复制</button>
            </p>
            &nbsp;&nbsp;
            <!--<p id="share_link" class="url">http://eoslian.cn/?_i=MTIwNzE0Mw</p>--->

            <input style="color: #656565;" type="text" id="share_link" class="url" th:value="'http://t1.qincai.info/i=' + ${userId}" readonly>

            <br>
        </div>
        <p style="height: 15px"></p>
        


        <p style="height: 15px"></p>
        <div class="line"></div>
        <div class="coin" style="height:auto">
            <p style="text-align: left;padding-bottom: 0"> &nbsp;<font style="color: #1CE7D3">| </font>活动规则：
            <p style="    padding-top: 0px;padding-left: 10px;font-size: 14px;text-align: left;color: #979797">
			<p style="padding-top: 10px;padding-left: 10px;font-size: 14px;text-align: left;color: #979797;">1、 注册立得5000个EOS链；</p>
            <p style="padding-top: 0px;padding-left: 10px;font-size: 14px;text-align: left;color: #979797">2、每邀请1名好友成功注册，得2000个EOS链；</p>
            
            <p style="padding-top: 0px;padding-left: 10px;font-size: 14px;text-align: left;color: #979797">3、请关注我们的公众号【EOL链糖果】(微信号：EOL链糖果)进行认领登记还可获取4000个EOS链；</p>
            <p style="padding-top: 0px;padding-left: 10px;font-size: 14px;text-align: left;color: #979797">4、点击右下角按钮进入钱包；</p>
            <p style="padding-top: 0px;padding-left: 10px;font-size: 14px;text-align: left;color: #979797">5、糖果可兑换EOS，请关注项目动态；</p>


            </p>

        </div>
        <br>
        <div class="coin" style="height:auto">
            <p style="text-align: left;padding-bottom: 0"> &nbsp;<font style="color: #1CE7D3">| </font>郑重声明：
            <p style="padding-left: 10px;font-size: 14px;text-align: left;color: #979797">
            EOS链项目为正常的创业行为，拒绝任何ico、操控市场、私募等行为，token分发是营销活动，官方现在与未来均不会以任何名义收取任何费用，凡是以EOS链名义进行敛财、收费、集资等，均为欺诈行为，所有token只免费发放，未来上交易所才能进行交易。
            </p>

        </div>
        <br>
        <div class="coin" style="height:auto">
            <p style="text-align: left;padding-bottom: 0"> &nbsp;<font style="color: #1CE7D3"> </font> &nbsp;
            <p style="padding-left: 10px;font-size: 14px;text-align: left;color: #979797">
            <div style="float: left;padding-left:20px;text-align: center">
                <img style="opacity:0.7" width="115px" src="/img/4.jpg"/>
            <br>
            <font style="color:#979797;text-align:center;font-size: 12px;line-height: 25px">微信公众号</font>
            <p style="height: 0px;padding-top:0;    margin-bottom: -7px;"></p>
            <font style="color:#979797;text-align:center;font-size: 12px;line-height: 25px">微信号:EOL链糖果<!--EOL链糖果--></font>
            </div>
            <div style="float: right;padding-right:20px;text-align: center">
                <img style="opacity:0.7" width="115px" src="http://ww1.sinaimg.cn/large/0070TVaqly1frth2tsiegj30bo0buwg6.jpg"/>
                <br>
                <font style="color:#979797;text-align:center;font-size: 12px;line-height: 25px">微信客服</font>
                <p style="height: 0px;padding-top:0;    margin-bottom: -7px;"></p>
                <font style="color:#979797;text-align:center;font-size: 12px;line-height: 25px">微信号:nj8888aj</font>
                <br>
            </div>
            </p>

        </div><br><br><br><br><br><br><br><br>
        <p style="line-height: 25px;color: #adadad">

            <img style="vertical-align: middle;" width="25px" src="/img/logo.png"/>
            <font style="font-size: 12px;line-height: 25px">EOL（EOS免费糖果）</font>
        </p>

    </div>
    <div class="weui-cells_b" style="height: 20px" >

    </div>

    <br><br>
    <div class="weui-footer " style="position: static">
        <p class="weui-footer__text" style="color:#fff">Copyright © 2018 EOSLIAN.net</p>
        <p style="height: 10px"></p>
    </div>
  <div class="body_bg" style="border: 0;background-image: linear-gradient(to bottom,#14EBE8,#23E1B9);background-position: top;background-repeat: repeat-x,no-repeat;">

</div>
    <div class="body_bg">

    </div>
</div>


<!---钱包按钮开始---->
<!--animation: myfirst2 5s;
    animation-iteration-count: infinite;-->
<a href="/wallet" style="display:none;">
<div id="toolBar" style="position: fixed;bottom:40px;right:10px;width:55px;height:55px;background-color: #ffffff;
border-radius: 100px;
box-shadow:  0px 0px 8px #cccccc;
transition: right 0.3s;
" onclick="window.location.href='/wallet'"><!--rgba(112,196,164,0.6)-->
    <div style="position: relative;top:5px;bottom:0;width:45px;height:45px;background-image: linear-gradient(to bottom right,#F568F9,#7C7EFE);border-radius: 100px;margin: auto;">
        <img style="width: 45px;margin-right: 1px;" src="/img/wallet.png"/>
    </div>
</div>
</a>
<!---钱包按钮结束---->



<div id="popup" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal" style="
    height: 70%;
    border-radius: 15px 15px 0px 0px;
    background:#fff
">
        <p style="height: 10px"></p>
        <p style="text-align: center;font-size: 21px;letter-spacing:2px;font-weight: bold;">认领登记流程</p>

        <p style="padding:25px;font-size:15px;padding-top:15px;letter-spacing:1px;color: #858585">微信关注我们的公众号【EOL链糖果】(微信号：EOL链糖果)，然后回复注册的手机号码即可获得额外赠送的4000个EOS链。</p>
        <p style="height: 10px"></p>
        <p style="text-align: center"><img style="opacity:0.7" width="115px" src="/img/4.jpg"/>
            <br>
            <font style="color:#979797;text-align:center;font-size: 12px;line-height: 25px">微信号:EOL链糖果            <br>长按关注或保存二维码微信
            </font>
        </p>


        <div style="    margin: auto;
    text-align: center;
    position: absolute;
        width: 100%;
    bottom: 20px;">
        <div class="line"></div>
        <div onclick="close_popup()" class='close-popup' style="    height: 20px;"><img style="    width: 20px;" src="/img/close.png"/></div>
        </div>
    </div>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-weui.min.js"></script>
<script src="/js/clipboard.min.js"></script>

<script th:inline="javascript">

    function close_yindao(){
        $("#yindao").hide();
    }

    function show_yindao(){
        $("#yindao").show();
    }



    function close_gonggao(){
        $("#gonggao").hide();
        show_yindao();
    }
    
$('.copy').attr('data-clipboard-text', '〖EOL糖果领取〗EOS的小儿子EOS链(EOL)，注册即送5000个，邀请好友送2000个！已上线钱包转账功能，支持转账。项目已经开发完成，近期快照。\n\n注册领取：\nhttp://t1.qincai.info/?i=[[${userId}]]\n\n（活动截止六月底，抢到就是赚到）');
    var clipboard = new Clipboard('.btn');

    var is_scool = false;//用户是否在滚动
    var anmiation = "wait";//状态

    var clipboard = new Clipboard(".copy").on("success", function(e) {
        var e = e || window.event;
        console.log(e);
    }).on("error", function(e) {});

    function copy() {
        $.toptip('复制成功！', 2000, 'success');  //设置显示时间
    }

    function open_popup(){
        $("#popup").popup();
    }

    function close_popup(){
        $.closePopup()
    }

    $(".weui-popup__overlay").click(function(){
        $.closePopup()
    });
    document.addEventListener('scroll',winScroll,false);

    var last_timeStamp = 0;
    var last_time = Date.parse( new Date());
    var times = 0;
    function winScroll(e){
        last_time = Date.parse( new Date());
        if((e.timeStamp - last_timeStamp) <= 50){
            //连续滑动中
            times++;
            if(times >= 8){
                //开始隐藏
                is_scool = true;
                scroll_hide();
                times = 0;
            }
            //console.log(e.timeStamp);
        }else{

            last_timeStamp = e.timeStamp;
        }
        //console.log(e);
    }

    setInterval(function () {
        var now = Date.parse( new Date());
        if((now-last_time)>=600){
            is_scool = false;
            scroll_show();
        }
    },100);

    function scroll_hide(){
        if(is_scool && anmiation == "wait"){
            anmiation = "no";
            $("#toolBar").css("right","-40px");
            setTimeout(function () {
                anmiation = "wait";
            },300);
        }
    }

    function scroll_show(){
        if(!is_scool && anmiation == "wait"){
            anmiation = "no";
            $("#toolBar").css("right","10px");
            setTimeout(function () {
                anmiation = "wait";
            },300);
        }
    }

    var setTimes = 0;

    var width = window.innerWidth;
    var height = document.body.clientHeight ;
    $("body").css("width",width);
    $("body").css("height",height);
    $(document)
        .on('click', '#login', function() {
            var phone = $("#phone").val();
            var password = $("#password").val();
            $.ajax({
                url:'/base/user/login',
                type:'post',
                data: {
                    phone:phone,
                    password:password
                },
                async : true, //默认为true 异步
                dataType: 'json',
                success:function(data){
                    if(data.code == 0){
                        $.toptip('登录成功！', 2000, 'success');  //设置显示时间
                        setTimeout("this.location.href= '/'",1000);
                    }else{
                        $.toptip(data.msg, 2000, 'warning');  //设置显示时间
                    }
                }
            });
        });

    (function ($) {
        /*jQuery对象添加  runNum  方法*/
        $.fn.extend({
            /*
                *	滚动数字
                *	@ val 值，	params 参数对象
                *	params{addMin(随机最小值),addMax(随机最大值),interval(动画间隔),speed(动画滚动速度),width(列宽),height(行高)}
            */
            runNum:function (val,params) {
                /*初始化动画参数*/
                var valString = val || '0'
                var par= params || {};
                var runNumJson={
                    el:$(this),
                    value:valString,
                    valueStr:valString.toString(10),
                    width:par.width || 20,
                    height:par.height || 50,
                    addMin:par.addMin || 1000,
                    addMax:par.addMax || 1000,
                    interval:par.interval || 2000,
                    speed:par.speed || 1000,
                    width:par.width || 28.5,
                    length:valString.toString(10).length
                };
                $._runNum._list(runNumJson.el,runNumJson);
                $._runNum._interval(runNumJson.el.children("li"),runNumJson);
            }
        });
        /*jQuery对象添加  _runNum  属性*/
        $._runNum={
            /*初始化数字列表*/
            _list:function (el,json) {
                var str='';
                for(var i=0; i<json.length;i++){
                    var w=json.width*i + (document.body.clientWidth/2)-(json.width * json.length)/2 - document.body.clientWidth*0.05;
                    var t=json.height*parseInt(json.valueStr[i]);
                    var h=json.height*10;

                    if(i == 0){
                        str +='<li style="width:'+json.width+'px;left:'+w+'px;top: '+-t+'px;height:'+h+'px;">';
                    }else{
                        str +='<li style="width:'+json.width+'px;left:'+w+'px;top: '+-t+'px;height:'+h+'px;">';
                    }

                    for(var j=0;j<10;j++){
                        str+='<div style="font-size:28px;height:'+json.height+'px;line-height:'+json.height+'px;">'+j+'</div>';
                    }
                    str+='</li>';
                }
                el.html(str);
            },
            /*生成随即数*/
            _random:function (json) {
                var Range = json.addMax - json.addMin;
                var Rand = Math.random();
                var num=json.addMin + Math.round(Rand * Range);
                return num;
            },
            /*执行动画效果*/
            _animate:function (el,value,json) {
                for(var x=0;x<json.length;x++){
                    var topPx=value[x]*json.height;
                    el.eq(x).animate({top:-topPx+'px'},json.speed);
                }
            },
            /*定期刷新动画列表*/
            _interval:function (el,json) {
                var val=json.value;
                var time = 5000;
                $.ajax({
                    url:'/left',
                    type:'post',
                    data: {},
                    async : true, //默认为true 异步
                    dataType: 'json',
                    success:function(res){
                        $._runNum._animate(el,res.data,json);
                    }
                });
                setInterval(function () {
                    //获取数量
                    $.ajax({
                        url:'/left',
                        type:'post',
                        data: {},
                        async : true, //默认为true 异步
                        dataType: 'json',
                        success:function(res){
                            $._runNum._animate(el,res.data,json);
                        }
                    });
                    //val -= $._runNum._random(json);

                },time);
            }
        }
    })(jQuery);
    $("#test").runNum(1000000000);
  function onBridgeReady() { 
    WeixinJSBridge.call('hideOptionMenu'); 
} 
 
if (typeof WeixinJSBridge == "undefined") { 
    if (document.addEventListener) { 
        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); 
    } else if (document.attachEvent) { 
        document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady); 
    } 
} else { 
    onBridgeReady(); 
}
</script>
</body>
</html>
<div style="display:none;">
  <script src="https://s19.cnzz.com/z_stat.php?id=1272907103&web_id=1272907103" language="JavaScript"></script>
</div>